body{background-color: #c7eff6
    
    

}
li{list-style: none;
display: inline-block;
text-decoration: none; 
}

li a { text-decoration :none;
color:black;
font-style: italic;
font-weight: bolder;
padding: 15px;}

.menu{letter-spacing: 10px; 
    display: flex;
justify-content: space-evenly;
}



li{list-style: none;}

h1{color: rgb(14, 13, 43);
text-align: center;
font-size: 40px;
letter-spacing: 15px;
color: rgb(9, 9, 36);
padding: 1rem;
font-style: italic;}

p{text-align: center;
color: rgb(8, 8, 32);
padding: 1em;
width: 60%;
margin: 0 auto;
font-size: 1.3em;
}
img{
    width: 40%;
    margin: 50px;
}

@media (min-width: 300px) {
   nav{display:flex;}
   nav{flex-direction: column;}
   il{display: inline;}
    il a {padding: 2em;}
    img{width:300px ;}
    img{ height: 500px;}
    

    p{ text-align: center;}
    p{width: 80%;}

    
}